<template>
    <div class = "popup">
        <el-dialog
                    title="新增导航"
                    :visible.sync="dialogVisible"
                    width="30%"
                    :before-close="handleClose">
                    <!-- <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> -->
                    <!-- <el-form-item label="名称" prop="pass">
                        <el-input  v-model="ruleForm.pass" autocomplete="off"></el-input>
                    </el-form-item> -->
                    <!-- <el-form-item label="确认密码" prop="checkPass">
                        <el-input  v-model="ruleForm.checkPass" autocomplete="off"></el-input>
                    </el-form-item> -->
                    <!-- <el-form-item>
                        <el-button v-if = "Number !== 1" type="primary" @click="submitFormONE('ruleForm')">提交1</el-button>
                        <el-button v-if = "Number !== 2" type="primary" @click="submitForm('ruleForm')">提交2</el-button>
                        <el-button @click="resetForm('ruleForm')">重置</el-button>
                    </el-form-item> -->
                    <!-- </el-form> -->
                    <!-- <span slot="footer" class="dialog-footer">
                        <el-button @click="dialogVisible = false">取 消</el-button>
                        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
                    </span> -->
                    </el-dialog>
    </div>
</template>
<script>
export default {
    props:{
        isvisibleadd:Boolean,
    },
    data(){
        return{
            tableData: [{
          name: '王小虎',
          zip: 200333
        }, {
          name: '王1',
          zip: 200333
        }, {
          name: '王2',
          zip: 200333
        }, {
          name: '王3',
          zip: 200333
        }],
        }
    },
    methods: {
        
    },
    mounted() {
        
    },
    computed: {
        dialogVisible(){
            return this.isvisibleadd
        }
    },
}
</script>
<style scoped>

</style>

